<template>
  <div class="box">
    <div class="header">
    <router-link to="/My">
    <van-nav-bar
  title="我的发布"
  left-arrow
/></router-link>
</div>
<div class="conud">
     <li class="card" v-for="(item, index) in num" :key="index">    
     <p class="title">{{item.title}}</p> 
       <div
          :class="{
            none: item.poster_type == 1,
            none1: item.poster_type == 2,
            none2: item.poster_type == 3,
          }"
        >
          <img :src="img" v-for="img in item.imageSrc" alt="" :key="img" />
        </div>
        <div class="peer" >
             <p class="author">{{item.author}}</p>
             <p class="time">{{item.time | dateFormate}}</p>
        </div>
    </li>
  </div>
</div>
</template>

<script>
export default {
    data(){
         return{
             num:[], 
         }
    },
    created(){
        
         let uid = JSON.parse(localStorage.getItem("user")).uid;
          console.log(uid);
        
    }
}
</script>

<style>
.header{
    position: fixed;
    top: 0;
    width: 100%;
}
    img {
    max-width: 80%;
  }
  .none2 img {
  width: 100px;
  height: 56px;
}
   .peer{
    display: flex;

}
  .card{
    margin: 20px 0;
    
    list-style: none;
  }
  .title{
    margin-top:60px ;
    font-size: 20px;
    font-weight:600;
    text-align: left;
  }
  .author{
     font-size: 10px;
     text-align: left;
  }
  .time{
     font-size: 10px;
    margin-left: 20px;
  }
</style>